{% extends 'base.html' %}
{% block head %}
  <title>各省平均月薪分布地图</title>
  <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>
{% endblock %}
{% block content %}

  <div id="1000c9f1c091402386a0773663ca7c58" class="chart-container" style="width:800px; height:400px;"></div>
  <script>
      var chart_1000c9f1c091402386a0773663ca7c58 = echarts.init(
          document.getElementById('1000c9f1c091402386a0773663ca7c58'), 'white', {renderer: 'canvas'});
      var option_1000c9f1c091402386a0773663ca7c58 = {
          "backgroundColor": "#641F37",
          "animation": true,
          "animationThreshold": 2000,
          "animationDuration": 1000,
          "animationEasing": "cubicOut",
          "animationDelay": 0,
          "animationDurationUpdate": 300,
          "animationEasingUpdate": "cubicOut",
          "animationDelayUpdate": 0,
          "color": [
              "#c23531",
              "#2f4554",
              "#61a0a8",
              "#d48265",
              "#749f83",
              "#ca8622",
              "#bda29a",
              "#6e7074",
              "#546570",
              "#c4ccd3",
              "#f05b72",
              "#ef5b9c",
              "#f47920",
              "#905a3d",
              "#fab27b",
              "#2a5caa",
              "#444693",
              "#726930",
              "#b2d235",
              "#6d8346",
              "#ac6767",
              "#1d953f",
              "#6950a1",
              "#918597"
          ],
          "series": [
              {
                  "type": "pie",
                  "name": "\u57ce\u9547\u4eba\u53e3\u6bd4\u4f8b",
                  "clockwise": true,
                  "data": [
                      {
                          "name": "\u00a0\u897f\u00a0\u00a0\u85cf\u00a0",
                          "value": 18.93
                      },
                      {
                          "name": "\u00a0\u6cb3\u00a0\u00a0\u5357\u00a0",
                          "value": 23.2
                      },
                      {
                          "name": "\u00a0\u4e91\u00a0\u00a0\u5357\u00a0",
                          "value": 23.36
                      },
                      {
                          "name": "\u00a0\u8d35\u00a0\u00a0\u5dde\u00a0",
                          "value": 23.87
                      },
                      {
                          "name": "\u00a0\u7518\u00a0\u00a0\u8083\u00a0",
                          "value": 24.01
                      },
                      {
                          "name": "\u00a0\u6cb3\u00a0\u00a0\u5317\u00a0",
                          "value": 26.08
                      },
                      {
                          "name": "\u00a0\u56db\u00a0\u00a0\u5ddd\u00a0",
                          "value": 26.69
                      },
                      {
                          "name": "\u00a0\u6c5f\u00a0\u00a0\u897f\u00a0",
                          "value": 27.67
                      },
                      {
                          "name": "\u00a0\u5b89\u00a0\u00a0\u5fbd\u00a0",
                          "value": 27.81
                      },
                      {
                          "name": "\u00a0\u5e7f\u00a0\u00a0\u897f\u00a0",
                          "value": 28.15
                      },
                      {
                          "name": "\u00a0\u6e56\u00a0\u00a0\u5357\u00a0",
                          "value": 29.75
                      },
                      {
                          "name": "\u00a0\u9655\u00a0\u00a0\u897f\u00a0",
                          "value": 32.26
                      },
                      {
                          "name": "\u00a0\u5b81\u00a0\u00a0\u590f\u00a0",
                          "value": 32.43
                      },
                      {
                          "name": "\u00a0\u91cd\u00a0\u00a0\u5e86\u00a0",
                          "value": 33.09
                      },
                      {
                          "name": "\u00a0\u65b0\u00a0\u00a0\u7586\u00a0",
                          "value": 33.82
                      },
                      {
                          "name": "\u00a0\u9752\u00a0\u00a0\u6d77\u00a0",
                          "value": 34.76
                      },
                      {
                          "name": "\u00a0\u5c71\u00a0\u00a0\u897f\u00a0",
                          "value": 34.91
                      },
                      {
                          "name": "\u00a0\u5c71\u00a0\u00a0\u4e1c\u00a0",
                          "value": 38.0
                      },
                      {
                          "name": "\u00a0\u6d77\u00a0\u00a0\u5357\u00a0",
                          "value": 40.11
                      },
                      {
                          "name": "\u00a0\u6e56\u00a0\u00a0\u5317\u00a0",
                          "value": 40.22
                      },
                      {
                          "name": "\u00a0\u6c5f\u00a0\u00a0\u82cf\u00a0",
                          "value": 41.49
                      },
                      {
                          "name": "\u00a0\u798f\u00a0\u00a0\u5efa\u00a0",
                          "value": 41.57
                      },
                      {
                          "name": "\u00a0\u5185\u8499\u53e4\u00a0",
                          "value": 42.68
                      },
                      {
                          "name": "\u00a0\u6d59\u00a0\u00a0\u6c5f\u00a0",
                          "value": 48.67
                      },
                      {
                          "name": "\u00a0\u5409\u00a0\u00a0\u6797\u00a0",
                          "value": 49.68
                      },
                      {
                          "name": "\u00a0\u9ed1\u9f99\u6c5f\u00a0",
                          "value": 51.54
                      },
                      {
                          "name": "\u00a0\u8fbd\u00a0\u00a0\u5b81\u00a0",
                          "value": 54.24
                      },
                      {
                          "name": "\u00a0\u5e7f\u00a0\u00a0\u4e1c\u00a0",
                          "value": 55.0
                      },
                      {
                          "name": "\u00a0\u5929\u00a0\u00a0\u6d25\u00a0",
                          "value": 71.99
                      },
                      {
                          "name": "\u00a0\u5317\u00a0\u00a0\u4eac\u00a0",
                          "value": 77.54
                      },
                      {
                          "name": "\u00a0\u4e0a\u00a0\u00a0\u6d77\u00a0",
                          "value": 88.31
                      }
                  ],
                  "radius": "55%",
                  "center": [
                      "50%",
                      "50%"
                  ],
                  "roseType": "radius",
                  "label": {
                      "show": true,
                      "position": "top",
                      "color": "rgba(255, 255, 255, 0.3)",
                      "margin": 8
                  },
                  "tooltip": {
                      "show": true,
                      "trigger": "item",
                      "triggerOn": "mousemove|click",
                      "axisPointer": {
                          "type": "line"
                      },
                      "showContent": true,
                      "alwaysShowContent": false,
                      "showDelay": 0,
                      "hideDelay": 100,
                      "formatter": "{a} <br/>{b}: {c} ({d}%)",
                      "textStyle": {
                          "fontSize": 14
                      },
                      "borderWidth": 0,
                      "padding": 5
                  },
                  "rippleEffect": {
                      "show": true,
                      "brushType": "stroke",
                      "scale": 2.5,
                      "period": 4
                  }
              }
          ],
          "legend": [
              {
                  "data": [
                      "\u00a0\u897f\u00a0\u00a0\u85cf\u00a0",
                      "\u00a0\u6cb3\u00a0\u00a0\u5357\u00a0",
                      "\u00a0\u4e91\u00a0\u00a0\u5357\u00a0",
                      "\u00a0\u8d35\u00a0\u00a0\u5dde\u00a0",
                      "\u00a0\u7518\u00a0\u00a0\u8083\u00a0",
                      "\u00a0\u6cb3\u00a0\u00a0\u5317\u00a0",
                      "\u00a0\u56db\u00a0\u00a0\u5ddd\u00a0",
                      "\u00a0\u6c5f\u00a0\u00a0\u897f\u00a0",
                      "\u00a0\u5b89\u00a0\u00a0\u5fbd\u00a0",
                      "\u00a0\u5e7f\u00a0\u00a0\u897f\u00a0",
                      "\u00a0\u6e56\u00a0\u00a0\u5357\u00a0",
                      "\u00a0\u9655\u00a0\u00a0\u897f\u00a0",
                      "\u00a0\u5b81\u00a0\u00a0\u590f\u00a0",
                      "\u00a0\u91cd\u00a0\u00a0\u5e86\u00a0",
                      "\u00a0\u65b0\u00a0\u00a0\u7586\u00a0",
                      "\u00a0\u9752\u00a0\u00a0\u6d77\u00a0",
                      "\u00a0\u5c71\u00a0\u00a0\u897f\u00a0",
                      "\u00a0\u5c71\u00a0\u00a0\u4e1c\u00a0",
                      "\u00a0\u6d77\u00a0\u00a0\u5357\u00a0",
                      "\u00a0\u6e56\u00a0\u00a0\u5317\u00a0",
                      "\u00a0\u6c5f\u00a0\u00a0\u82cf\u00a0",
                      "\u00a0\u798f\u00a0\u00a0\u5efa\u00a0",
                      "\u00a0\u5185\u8499\u53e4\u00a0",
                      "\u00a0\u6d59\u00a0\u00a0\u6c5f\u00a0",
                      "\u00a0\u5409\u00a0\u00a0\u6797\u00a0",
                      "\u00a0\u9ed1\u9f99\u6c5f\u00a0",
                      "\u00a0\u8fbd\u00a0\u00a0\u5b81\u00a0",
                      "\u00a0\u5e7f\u00a0\u00a0\u4e1c\u00a0",
                      "\u00a0\u5929\u00a0\u00a0\u6d25\u00a0",
                      "\u00a0\u5317\u00a0\u00a0\u4eac\u00a0",
                      "\u00a0\u4e0a\u00a0\u00a0\u6d77\u00a0"
                  ],
                  "selected": {},
                  "show": false,
                  "padding": 5,
                  "itemGap": 10,
                  "itemWidth": 25,
                  "itemHeight": 14
              }
          ],
          "tooltip": {
              "show": true,
              "trigger": "item",
              "triggerOn": "mousemove|click",
              "axisPointer": {
                  "type": "line"
              },
              "showContent": true,
              "alwaysShowContent": false,
              "showDelay": 0,
              "hideDelay": 100,
              "textStyle": {
                  "fontSize": 14
              },
              "borderWidth": 0,
              "padding": 5
          },
          "title": [
              {
                  "text": "\u57ce\u9547\u4eba\u53e3\u6bd4\u4f8b\u5bf9\u6bd4\u56fe",
                  "left": "center",
                  "top": "20",
                  "padding": 5,
                  "itemGap": 10,
                  "textStyle": {
                      "color": "#F7C5D6"
                  }
              }
          ]
      };
      chart_1000c9f1c091402386a0773663ca7c58.setOption(option_1000c9f1c091402386a0773663ca7c58);
  </script>
{% endblock %}